
function getUserInfo() {
    // 获取token数据，放到请求头
    // const token = window.localStorage.getItem('token');
    // $.ajax({
    //     type: "get",
    //     headers: { Authorization: token },
    //     url: "http://localhost:8080/api/v1/admin/user/detail",
    //     success: function (response) {
    //         if (response.code === 200) {
    //             const { email, nickname, password, userPic, username } = response.data;
    //             $('#username').val(username);
    //             $('#nickname').val(nickname);
    //             $('#email').val(email);
    //             $('.user_pic').prop( 'src',userPic);
    //             $('#password').val(password);
    //         }
    //     },
    //     error: function(jqXHR) {
    //         if (jqXHR.status === 403) {
    //             // 通过父窗口控制跳转,否则直接window是表示iframe里面的window对象
    //             parent.window.location.href = './login.html'
    //         }
    //     }
    // });
    http.ajax({
        type: 'get',
        url: '/admin/user/detail',
        success: function (response) {
            if (response.code === 200) {
                const { email, nickname, password, userPic, username } = response.data;
                $('#username').val(username);
                $('#nickname').val(nickname);
                $('#email').val(email);
                $('.user_pic').prop('src', userPic);
                $('#password').val(password);
            }
        }
    })
}

// 修改用户信息
function updateUserInfo() {
    // 1、通过new创建FormData对象,传递一个form表单dom对象
    const formData = new FormData($('#form')[0]);
    // 1.1 查看formData数据
    for(let item of formData.entries()) {
        console.log(item)
    }
    // 2、发送请求，注意！如果需要发送formData数据，jquery要设置contentType: false； processData: false
    http.ajax({
        type: 'post',
        url: '/admin/user/edit',
        data: formData,
        success: function(response) {
            if (response.code === 200) {
                alert('修改用户信息成功')
                // 左上角和右上角的用户信息也要同步更新
                // 1、重新刷新页面
                // 这是不行得，因为个人信息页面是放在iframe里面
                // window.location.reload();
                // 注意！如果使用file协议打开，有可能会报错（浏览器的iframe安全问题），这时候需要live server通过http协议访问
                // parent.window.location.reload();

                // 2、直接调用父级方法，会导致多一次请求
                // iframe内的js如何操作父窗口元素
                // parent.getUserInfo();

                // 3.1 创建一个临时url
                const file = $('#exampleInputFile')[0].files[0];
                if (file) {
                    const tmpUrl = URL.createObjectURL(file);
                    // 3.2 修改左上角和右上角的图片
                    $('.sider .user_info img', parent.document).prop('src', tmpUrl);
                    $('.user_center_link img', parent.document).prop('src', tmpUrl);
                }
                // 3.3 修改左上角的昵称
                $('.sider .user_info span', parent.document).html('欢迎&nbsp;&nbsp' + $('#nickname').val())


            }
        }
    })
    // 阻止表单默认行为
    return false;
}

// 监听用户头像选择
function userIconChange() {
    // 1、获取用户选择的图片file对象
    const file = $('#exampleInputFile')[0].files[0]
    if (file) {
        // 2、URL.createObjectURL(file)
        const url = URL.createObjectURL(file);
        console.log(url)
        // 3、把得到的url赋值给图片的src属性
        $('.user_pic').prop('src', url);
    }
}

getUserInfo();